<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>pingjia</title>
    <link rel="stylesheet" href="pingjia.css">
    <script src="jquery.min.js"></script>
</head>
<body>
<nav class="header">
    <p onclick="history.back(-1)"><img src="../NeedToKnow/left.png" alt=""></p>
    <p>Ta的评价</p>
</nav>
<ul class="content">
    <li class="item">
        <div class="item_left">
            <p class="top">
                <span></span>
                <span>用户名</span>
            </p>
            <p class="drop">
                <span>评论：</span>
                卧槽！！！花生奶糖真帅
            </p>
        </div>
        <div class="item_right">
            <span>15:22</span>
            <span>2017.08.29</span>
        </div>
    </li>1·
    <li class="item">
        <div class="item_left">
            <p class="top">
                <span></span>
                <span>用户名</span>
            </p>
            <p class="drop">
                <span>评论：</span>
                卧槽！！！花生奶糖真帅
            </p>
        </div>
        <div class="item_right">
            <span>15:22</span>
            <span>2017.08.29</span>
        </div>
    </li>
    <li class="item">
        <div class="item_left">
            <p class="top">
                <span></span>
                <span>用户名</span>
            </p>
            <p class="drop">
                <span>评论：</span>
                卧槽！！！花生奶糖真帅
            </p>
        </div>
        <div class="item_right">
            <span>15:22</span>
            <span>2017.08.29</span>
        </div>
    </li>
    <li class="item">
        <div class="item_left">
            <p class="top">
                <span></span>
                <span>用户名</span>
            </p>
            <p class="drop">
                <span>评论：</span>
                卧槽！！！花生奶糖真帅
            </p>
        </div>
        <div class="item_right">
            <span>15:22</span>
            <span>2017.08.29</span>
        </div>
    </li>
</ul>

<script>
    //手机返回键监听，返回上一级
    document.addEventListener("plusready", function() {
        // 注册返回按键事件
        plus.key.addEventListener('backbutton', function() {
            // 事件处理
            plus.nativeUI.confirm("退出程序？", function(event) {
                if (event.index) {
                    plus.runtime.quit();
                }
            }, null, ["取消", "确定"]);
        }, false);
    });
    /*动态获取html根字体*/
    $(function(){
        //设置根元素字体
        var win = window,
            doc = document;
        function setFontSize() {
            var winWidth = $(window).width();

            //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小
            var size = (winWidth /1080) * 100;
            doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
        }
        //这里我们给个定时器来实现页面加载完毕再进行字体设置
        setTimeout(function() {
            //初始化
            setFontSize();
        }, 100);
    });

</script>
</body>
</html>
